/*
/////内页css
*/
@charset "utf-8";

/*============================================
		********** banner **********
=============================================*/
.page-banner{width:100%;margin-top:10px}
.page-banner > img{width:100%;float:left}

/*============================================
		********** current **********
=============================================*/
.current{width:100%;height:55px;background:#f5f5f5;margin-bottom:22px}
.current .block > p{float:left;color:#333;line-height:55px}
.current .block > a{float:left;line-height:55px}

/*============================================
		********** Sub menu **********
=============================================*/
.block-left{width:343px;}

.sub-menu{width:100%;}
.sub-menu > p{width:343px;height:51px;float:left;background:#393939;text-align:center;font-size:18px;color:#fff;line-height:51px;border-top-left-radius:5px;border-top-right-radius:5px}
.sub-menu > ul{width:313px;float:left;border-left:1px solid #b7b7b7;border-right:1px solid #b7b7b7;border-bottom:1px solid #b7b7b7;padding:0 14px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}
.sub-menu > ul > li{width:100%;height:49px;border-top:1px dotted #c6c6c6;position:relative}
.sub-menu > ul > li > a{width:100%;display:block;font-size:16px;text-align:center;line-height:49px;}
.sub-menu > ul > li > a:hover{background:url('../images/icon/hover.png') no-repeat 106px 17px;color:#0079c2}
.sub-menu > ul > li a.active{background:url('../images/icon/hover.png') no-repeat 106px 17px;color:#0079c2}

/*============================================
		********** Customers left **********
=============================================*/
.sub-cus{width:341px;border:1px solid #b7b7b7;border-radius:5px;margin-top:23px}
.sub-cus .sub-bus,.sub-cus .sub-city{width:100%;}
.sub-cus .sub-bus > p,.sub-cus .sub-city > p{width:284px;background:url('../images/icon/cus_03.png') no-repeat;color:#e72f27;border-bottom:1px solid #e6e6e6;padding:0 0 9px 34px;margin:21px auto 0;}
.sub-cus .sub-bus > ul{width:302px;margin:13px auto 0;padding:0 8px;}
.sub-cus .sub-bus > ul > li{width:99px;height:44px;float:left;margin-left:2.5px;background:url('../images/icon/cus_short1.png') no-repeat;margin-bottom:3px}
.sub-cus .sub-bus > ul > li:hover{background:url('../images/icon/cus_short2.png') no-repeat}
.sub-cus .sub-bus > ul > li > a{width:50px;display:block;line-height:35px;padding-left:49px;color:#fff}

.sub-cus .sub-city > ul{width:300px;margin:24px auto 0;padding:0 9px}
.sub-cus .sub-city > ul > li{width:56px;height:16px;float:left;margin-left:25px;background:url('../images/icon/char.png') no-repeat;margin-bottom:17px}
.sub-cus .sub-city > ul > li > a{width:45px;display:block;line-height:15px;padding-left:28px;color:#262626}

/*============================================
		********** Content **********
=============================================*/
.block-right{width:804px;margin-left:53px}
.block-right > h2{font-size:20px;margin-top:4px}
.block-right > article{margin-top:12px;line-height:26px}

.block-right > h3{width:100%;font-size:16px;float:left;margin-top:24px;text-align:center}
.block-right > span{width:100%;float:left;text-align:center;font-size:12px;margin-top:12px;border-bottom:1px dashed #c6c6c6;padding-bottom:12px;margin-bottom:20px}

.block-right > ul{width:100%;float:left;margin-top:16px}
.block-right > ul > li{width:100%;float:left;margin-bottom:10px}
.block-right > ul > li.line1{height:174px;border-bottom:1px dashed #c6c6c6;margin-bottom:33px}
.block-right > ul > li > img{width:277px;height:153px;float:left;margin-right:23px}
.block-right > ul > li > a.first{margin-left:0}
.block-right > ul > li > a > h3{font-size:16px;float:left;margin-top:9px;}
.block-right > ul > li > article{width:500px;float:left;line-height:26px;margin-top:14px;margin-bottom:10px}
.block-right > ul > li > span{float:left;}
.block-right > ul > li > a{margin-left:42px}

/*============================================
		********** Honor **********
=============================================*/
.block-right .hon-or{width:100%;}
.block-right .hon-or > h3{width:100%;font-size:20px;float:left;color:#333;margin:20px 0}
.block-right .hon-or > ul > li,.block-right .aptitude > ul > li{width:394px;height:33px;float:left;margin-right:15px;background:#f5f5f5;border-radius:3px;margin-bottom:8px}
.block-right .hon-or > ul > li:hover,.block-right .aptitude > ul > li:hover{background:#b7b7b7;}
.block-right .hon-or > ul > li > a{width:364px;height:33px;display:block;float:left;background:url('../images/icon/honor.png') no-repeat 7px;line-height:33px;padding-left:40px}

/*============================================
		********** Aptitude **********
=============================================*/
.block-right .aptitude{width:100%;}
.block-right .aptitude > h3{width:100%;font-size:20px;float:left;color:#333;margin:40px 0 20px}
.block-right .aptitude > ul > li > a{width:364px;height:33px;display:block;float:left;background:url('../images/icon/aptitude.png') no-repeat 7px;line-height:33px;padding-left:40px}

/*============================================
		********** Contact **********
=============================================*/
.block-right .contact{width:100%;margin-top:22px}
.block-right .contact > article{width:560px;height:362px;float:left;margin-right:28px}
.block-right .contact > h3{width:216px;font-size:18px;margin-top:108px;float:left;margin-bottom:14px}
.block-right .contact > span{width:216px;display:block;float:left;color:#333;line-height:25px}
.block-right .contact > span > p{width:170px;color:#333;float:left}
.block-right .contact > span > i{color:#333;font-style:normal;width:42px;float:left;display:block}

/*============================================
		********** Message **********
=============================================*/
.block-right .message{width:100%;margin-top:32px;margin-bottom:30px}
.block-right .message > h3{width:100%;font-size:18px;float:left;margin-bottom:20px}
.block-right .message > span{width:93px;height:38px;display:block;font-size:16px;color:#333;float:left;line-height:38px}
.block-right .message > input{width:690px;height:36px;border:1px solid #dcdcdc;float:left;background:#f0f0f0;text-indent:5px;margin-bottom:12px}
.block-right .message > input.code{width:110px;}
.block-right .message > textarea{width:690px;height:146px;border:1px solid #dcdcdc;float:left;background:#f0f0f0;text-indent:5px;margin-bottom:12px}
.block-right .message > p{width:19px;height:38px;float:left;text-align:right;line-height:42px;color:#ff0000;font-size:16px}
.block-right .message .submit{width:100%;}
.block-right .message .submit .submit1{width:92px;height:36px;background:url('../images/icon/remember.png') no-repeat;color:#fff;float:left;border:none;margin-left:93px;cursor:pointer}
.block-right .message > img{cursor:pointer;width:100px;height:38px;float:left;margin-left:10px}

/*============================================
		********** Department introduction **********
=============================================*/
.block-right .department{width:100%;margin-top:16px}
.block-right .department > ul > li{width:242px;height:219px;border:1px solid #b7b7b7;border-radius:5px;padding:6px;margin-right:18px;float:left;margin-bottom:24px}
.block-right .department > ul > li > a > img{width:243px;height:126px;float:left}
.block-right .department > ul > li > a > h3{width:100%;float:left;color:#333;font-size:16px;margin-top:12px}
.block-right .department > ul > li > a > span{width:100%;display:block;margin-top:4px;line-height:25px;float:left}


/*============================================
		********** Baidu baoguan **********
=============================================*/
.declare,.busin,.matters,.flow,.about-luo,.custom,.honor-luo,.evaluation,.haiyun,.haiyun-price,.case,.qa,.estimate{width:100%;}
.jianjie,.matters-con,.flow-con,.about-con,.custom-con,.jianjie1,.qaqa{width:100%;margin-top:20px}
.declare .block > h1,.busin .block > h1,.matters .block > h1,.flow .block > h1,.about-luo .block > h1,.custom .block > h1,.honor-luo .block > h1,.evaluation .block > h1,.haiyun-price .block > h1,.case .block > h1,.qa .block > h1,.estimate .block > h1{font-size:30px;float:left;margin-top:32px}
.declare .block .jianjie > img{width:577px;height:305px;float:left;margin-right:22px}
.declare .block .jianjie > h2{font-size:20px;float:left;margin-top:20px}
.declare .block .jianjie > p{width:600px;margin-top:20px;float:left;line-height:26px;color:#444}

.busin .block > ul{width:100%;float:left;margin-top:20px}
.busin .block > ul > li{width:100%;background:#f5f5f5;float:left;margin-bottom:6px;}
.busin .block > ul > li > h2{float:left;font-size:18px;margin-top:12px}
.busin .block > ul > li > img{width:274px;height:132px;float:left;margin-right:26px;background:#fff}
.busin .block > ul > li > p{width:876px;float:left;margin-top:16px;color:#444;line-height:25px}
.busin .block > ul > li > a{width:101px;height:33px;display:block;float:right;background:url('../images/declare/555.png') no-repeat;margin-right:30px;}

.matters-con > article,.flow-con > article{width:100%;float:left;line-height:25px;color:#444}
.flow-con > a{width:793px;height:207px;float:left;line-height:25px;color:#444}

.about-con > article{width:100%;float:left;line-height:25px;color:#444}

.custom-con > img{width:485px;height:248px;float:left;}
.custom-con > article{width:600px;float:right;line-height:28px;color:#444}


.honor-luo .honor-di{width:100%;float:left;position:relative;}
.honor-luo .honor-di .swiper-container{width: 1200px;height:199px;top:40px;right:10px}
.honor-luo .honor-di .swiper-container .swiper-slide{text-align: center;font-size: 18px;background: #fff;}
.honor-luo .honor-di .swiper-container .swiper-slide > a >img{width:100%;height:199px;float:left}
.honor-luo .honor-di .swiper-button-next,.honor-luo .honor-di .swiper-button-prev{position:absolute;width:52px;height:104px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:52px 104px;-webkit-background-size:52px 104px;background-size:52px 104px;background-position:center;background-repeat:no-repeat}
.honor-luo .honor-di .swiper-button-prev{background-image:url("../images/declare/left.png");left:-70px}
.honor-luo .honor-di .swiper-button-next{background-image:url("../images/declare/right.png");right:-50px}

.evaluation .block > ul{width:100%;float:left;margin-top:20px}
.evaluation .block > ul > li{width:380px;float:left;border:1px solid #bdbdbd;margin-left:27px}
.evaluation .block > ul > li > img{width:48px;height:54px;margin-top:20px;margin-left:26px;float:left}
.evaluation .block > ul > li > p{width:294px;float:left;font-size:18px;color:#0d5289;margin-top:20px;margin-left:12px}
.evaluation .block > ul > li > span{width:294px;float:left;display:block;font-size:14px;color:#0d5289;margin-top:5px;margin-left:12px}
.evaluation .block > ul > li > article{width:326px;padding:18px 37px;float:left;color:#444;line-height:26px}

/*============================================
		********** Baidu Ocean **********
=============================================*/
.jianjie1{width:100%;margin-top:30px}
.jianjie1 > img{width:577px;height:354px;float:left;margin-right:22px}
.jianjie1 > h2{font-size:30px;float:left;margin-top:10px}
.jianjie1 > article{width:600px;margin-top:20px;float:left;line-height:28px;color:#444;}

.price-con{width:1198px;height:348px;}
.price-con .slideTxtBox{width:100%;text-align:left;margin-top:40px}
.price-con .slideTxtBox .hd{width:1200px;height:44px;position:relative; }
.price-con .slideTxtBox .hd ul{width:1200px;height:44px;float:left;position:absolute;top:-1px}
.price-con .slideTxtBox .hd ul li{width:598px;height:44px;float:left;cursor:pointer;border-top:1px solid #bdbdbd;border-left:1px solid #bdbdbd;border-right:1px solid #bdbdbd;border-top-left-radius:5px;border-top-right-radius:5px;text-align:center;color:#0079c2;font-size:18px;line-height:44px;background:#f5f5f5}
.price-con .slideTxtBox .hd ul li.on{ background:#0079c2;color:#fff}
.price-con .slideTxtBox .bd{width:1198px;height:262px;border:1px solid #bdbdbd}
.price-con .slideTxtBox .bd ul{width:1118px;margin:32px auto 0;zoom:1;}

.price-con .slideTxtBox .bd ul .price-zheng{width:453px;height:45px;margin:0 auto;margin-top:26px}
.price-zheng .price1{width:106px;height:43px;border:1px solid #0079c2;float:left;margin-right:7px;border-radius:5px}
.price-zheng .price1 > p{color:#d74316;font-size:16px;line-height:43px;float:left;margin-left:15px}
.price-zheng .price1 > span{width:40px;height:15px;display:black;background:#cecece;float:right;line-height:15px;text-align:center;font-size:12px;color:#666;border-radius:5px;margin-top:14px;margin-right:6px}

.price-con .slideTxtBox .bd li{width:100%; height:60px;float:left;border-bottom:1px dashed #c6c6c6;line-height:60px}
.price-con .slideTxtBox .bd li:hover{background:#f7f7f7}
.price-con .slideTxtBox .bd li > table{width:100%;height:60px;float:left}
.price-con .slideTxtBox .bd li > table tr td{color:#333;text-align:center;float:left;font-size:16px}
.price-con .slideTxtBox .bd li > table tr td span{color:#0d5289}
.price-con .slideTxtBox .bd li > table tr td img{width:105px;height:30px;float:left;margin-top:15px;margin-left:65px}
.price-con .slideTxtBox .bd li > table tr td.tb1{width:316px;text-align:left;}
.price-con .slideTxtBox .bd li > table tr td.tb2{width:320px;text-align:left;}
.price-con .slideTxtBox .bd li > table tr td.tb3{width:308px;text-align:left;}
.price-con .slideTxtBox .bd li > table tr td.tb4{width:170px;}

.case .block > ul{width:100%;float:left;margin-top:20px}
.case .block > ul > li{width:1198px;float:left;border:1px solid #bdbdbd;margin-bottom:8px;padding-bottom:10px}
.case .block > ul > li > img{width:48px;height:54px;float:left;margin-top:26px;margin-left:26px}
.case .block > ul > li > h2{float:left;font-size:18px;margin-top:46px;margin-left:36px}
.case .block > ul > li > p{width:954px;float:left;margin-top:18px;margin-left:30px;line-height:25px}
.case .block > ul > li > a{width:101px;height:33px;float:right;background:url('../images/declare/555.png') no-repeat;margin-right:55px;}

.qaqa .qa-box{width:289px;height:357px;float:left;border:1px solid #bdbdbd;margin-right:12px;}
.qaqa .qa-box > p{width:289px;height:66px;float:left;background:url('../images/declare/888.png') no-repeat;text-align:center;line-height:50px;color:#0079c2;font-size:18px;}
.qaqa .qa-box > ul{width:274px;margin:0 auto;}
.qaqa .qa-box > ul > li{width:100%;line-height:25px;float:left;border-bottom:1px dashed #c6c6c6;color:#444;font-size:14px;padding:5px 0}
.qaqa .qa-box > a{width:79px;height:33px;display:block;float:left;background:url('../images/declare/666.png') no-repeat;margin-top:10px;margin-bottom:5px;margin-left:106px}

.estimate .block > ul{width:100%;float:left;margin-top:20px}
.estimate .block > ul > li{width:1198px;float:left;border:1px solid #bdbdbd;margin-bottom:8px;padding-bottom:15px}
.estimate .block > ul > li > img{width:48px;height:54px;float:left;margin-top:26px;margin-left:26px}
.estimate .block > ul > li > h2{width:1100px;float:left;font-size:18px;margin-top:22px;margin-left:14px}
.estimate .block > ul > li > span{width:954px;float:left;margin-top:8px;margin-left:14px;color:#0d5289;font-size:14px}
.estimate .block > ul > li > p{width:1160px;float:left;margin-top:18px;margin-left:30px;line-height:25px}

.block-hai{width:100%;margin-top:30px}
.sub-hai{width:100%;}
.sub-hai > p{width:1200px;height:51px;float:left;background:#0079c2;text-align:center;font-size:18px;color:#fff;line-height:51px;border-top-left-radius:5px;border-top-right-radius:5px;}
.sub-hai > ul{width:1198px;float:left;border-left:1px solid #b7b7b7;border-right:1px solid #b7b7b7;border-bottom:1px solid #b7b7b7;border-bottom-left-radius:5px;border-bottom-right-radius:5px}
.sub-hai > ul > li{width:100%;height:49px;border-top:1px dotted #c6c6c6;position:relative}
.sub-hai > ul > li > a{width:100%;display:block;font-size:16px;text-align:center;line-height:49px;}
.sub-hai > ul > li > a:hover{background:url('../images/icon/hover.png') no-repeat 520px 17px;color:#0079c2}